<template>
  <div class="mygame-footer">
    <div class="col-record" id="gameTrade" @click=jumpToTrade()>
      <!--<a @click=jumpToRecords() class="font-white">
        <i class="iconfont icon-monijiaoyijilu"></i>&nbsp;模拟交易记录
      </a>-->
    </div>

    <div class="col-buy" id="gameBuy" @click=jumpToRecords()>
      <!--<a @click=jumpToTrade() class="font-white">
        <i class="iconfont icon-mairu"></i>&nbsp;模拟交易
      </a>-->
    </div>
  </div>
</template>

<script>
import footerMixin from './mixins/footerMixin'
export default {
  name: 'footer',
  mixins: [footerMixin]  	
}
</script>

<style style lang="less" scoped>
@basePicUrl: '../../../assets/images';
  .mygame-footer {
    position: fixed;
    bottom: 10px;
    padding: 0 10px 0 10px;
    width: 100%;
    height: 50px;
    display: flex;
  }
  .mygame-footer .col-record {
  	background-repeat: no-repeat;
    background-size: contain;
    background-image: url('@{basePicUrl}/team/wulin/self-footer1.jpg');
    flex:1;
    margin: 0 8px 0 8px;
  }
  .mygame-footer .col-buy {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('@{basePicUrl}/team/wulin/self-footer2.jpg');
    flex:1;
    margin: 0 8px 0 8px;
  }
  .mygame-footer .font-white {
    text-align: center;
    color: #fff;
  }
</style>
